<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/site/templates/template1.xhtml">
	<ui:define name="titulo">
		<title>..:: ORDENES DE COMPRA ::..</title>
	</ui:define>
	<ui:define name="lateral">
		<div id="submenuLateral">
			<h:form id="formularioLateralOrden">
				<p:growl id="mensaje" showDetail="true" life="001" sticky="true"></p:growl>
				<br></br>
				<p:separator styleClass="separatorMenuL"></p:separator>
				<p:commandButton value="Crear orden" type="submit"
					onclick="PF('dlo').show();" icon="ui-icon-document"
					styleClass="botonMenuL">
					<p:ajax update=":formularioLateralOrden:panelLateralDialogo"
						resetValues="true"></p:ajax>
				</p:commandButton>
				<p:dialog header="Crear Orden de Compra" widgetVar="dlo"
					minHeight="80" height="35" width="360" modal="true">
					<p:panelGrid id="panelLateralDialogo" columns="2"
						style="font-size: 11px;">
						<p:commandButton value="Crear"
							actionListener="#{ordenCompraBean.crear}"
							action="#{ordenCompraBean.enviarOrdenCompraInsumoCrear}"></p:commandButton>
						<p:commandButton value="Cerrar" onclick="PF('dlo').close();"></p:commandButton>
					</p:panelGrid>
				</p:dialog>
			</h:form>
		</div>
	</ui:define>
	<ui:define name="contenidoTabla">
		<div id="spacerTabla"></div>
		<div id="cuerpoTablaOrden">
			<h:form id="formularioTablaOrden">
				<p:panelGrid columns="15" style="width: 700px; font-size: 9px;"
					columnClasses="centered">
					<f:facet name="header">
					  	Ordenes de compra
				 	</f:facet>
					<p:dataTable id="tablaOrden" var="o"
						value="#{ordenCompraBean.ordenCompraDTOLista}"
						selectionMode="single"
						selection="#{ordenCompraBean.ordenCompraDTO}"
						rowKey="#{o.inCodigoOrden}" scrollable="true" paginator="true"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rows="12" filteredValue="#{ordenCompraBean.ordenCompraFilter}">
						<p:column resizable="true" sortBy="#{o.inConsecutivoOrden}"
							filterBy="#{o.inConsecutivoOrden}" filterMatchMode="contains">
							<f:facet name="header">
								<h:outputText value="Numero orden"></h:outputText>
							</f:facet>
							<h:outputText value="#{o.inConsecutivoOrden}" />
						</p:column>
						<p:column sortBy="#{o.daFechaOrden}" filterBy="#{o.daFechaOrden}"
							filterMatchMode="contains">
							<f:facet name="header">
								<h:outputText value="Fecha"></h:outputText>
							</f:facet>
							<h:outputText value="#{o.daFechaOrden}" />
						</p:column>
						<p:column sortBy="#{o.nvEstadoOrden}"
							filterBy="#{o.nvEstadoOrden}" filterMatchMode="contains">
							<f:facet name="header">
								<h:outputText value="Estado"></h:outputText>
							</f:facet>
							<h:outputText value="#{o.nvEstadoOrden}" />
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Insumos"></h:outputText>
							</f:facet>
							<p:commandButton styleClass="separatorMenuL"
								icon="ui-icon-folder-open" style="witdh: 10px; height: 15px;"></p:commandButton>
						</p:column>
						<p:column>
							<f:facet name="header">
								<h:outputText value="Cancelar"></h:outputText>
							</f:facet>
							<p:commandButton styleClass="separatorMenuL" icon="ui-icon-alert"
								style="witdh: 10px; height: 15px;"></p:commandButton>
						</p:column>
					</p:dataTable>
				</p:panelGrid>
			</h:form>
		</div>
	</ui:define>
</ui:composition>
</html>